<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <title>${titleName!""}</title>
    <style type="text/css">
        body {
            font-family: SimSun;
        }
        @page {
            size: 8.5in 11in;
        }
        .head{
            display: inline-block;
            width: 27%;
            vertical-align: top;
            text-align: left;
        }
        .spot{
            width: 10px;
            height: 10px;
            background-color: aqua;
            border-radius: 50%;
            display: inline-block;
            margin-left:-18px;
        }
        .sign-info .header-info {
            padding: 20px 0;
            margin-bottom: 20px;
            border-bottom: 1px solid #ddd;
            text-align: center;
        }

        .sign-info .header-info span {
            vertical-align: top;
        }

        .sign-info .header-info .mark {
            font-size: 40px;
        }

        .sign-info .header-info .mark.border {
            padding-right: 20px;
            border-right: 1px solid #ddd;
            margin-right: 20px;
        }

        .sign-info .not-qulified {
            text-align: center;
            margin-bottom: 20px;
        }

        .sign-info .not-qulified .sign-title {
            width: 100px;
            display: inline-block;
            vertical-align: top;
        }

        .sign-info .not-qulified .items {
            width: 700px;
            display: inline-block;
            text-align: left;
        }

        .sign-info .not-qulified .items .item {
            width: 48%;
            display: inline-block;
        }

        .sign-info .not-qulified .items .item:nth-child(odd) {
            margin-right: 3%;
        }

        .sign-info .foot-area {
            display: inline-block;
            width: 48%;
            vertical-align: top;
        }

        .sign-info .foot-area .row {
            margin-bottom: 10px;
        }

        .sign-info .foot-area .item-title {
            display: inline-block;
            width: 28%;
            vertical-align: top;
            text-align: right;
        }

        .sign-info .foot-area .item-text {
            display: inline-block;
            width: 70%;
            vertical-align: top;
            min-height: 120px;
        }

        .sign-info .foot-area .item-img {
            display: inline-block;
            vertical-align: top;
            max-height: 120px;
            height: 100%;
            width: 30%;
        }
    </style>
</head>
<body>
<h1 style="text-align: center">${titleName!""}</h1><br/>
<div style="margin-left:20%">
    <div>
        <p>指导单号:${guidanceNum!""}</p>
        <p>立档单位:${unit!""}</p>
        <p>档案员:${archievist!""}</p>
        <p>档案员电话:${archievistPhone!""}</p>
        <p>单位地址:${unitLocation!""}</p>
    </div>
</div>
<hr />
<div style="margin-left:9%">
    <h3>指导内容</h3>
    <p>标题:<div>${title!""}</div></p>
    <p>概述:<div>${content!""}</div></p>
</div>
<hr />
<h3 style="padding-left:9%"><#if (itemList)?? && (itemList?size > 0)>指导条目</#if></h3>
<div style="padding-left:12%">
<#if (itemList)?? && (itemList?size > 0)>
    <#list itemList as item>
        <font>${item.name!""}</font><br/>
        <div style="padding-left:30px;margin:10px">
            <p>${item.content!""}</p>
        </div>
        <div class="sign-info">
            <div class="foot-area">
                <div class="row">
                    <#if (item.imgList)?? && (item.imgList?size > 0)>
                        <#list item.imgList as img>
                            <#if (img.url)??>
                                <img class="item-img" src="${img.url}"/>
                            </#if>
                        </#list>
                    </#if>
                </div>
            </div>
        </div>
        <span>---------------------------------</span><br/>
    </#list>
</#if>
</div>
<br/>
<div style="margin-left: 60px;margin-top: 30px">
<#if (advice)??>
    <div style="font-size: 20px">指导意见:<div style="font-size: 15px">${advice}</div></div>
</#if>
</div>
<div style="margin-left: 60px;margin-top: 30px">
<#if (guidanceAdvice)??>
    <div style="font-size: 20px">被指导单位意见:<div style="font-size: 15px">${guidanceAdvice}</div></div>
</#if>
</div>
<div style="margin-left: 60px;margin-top: 30px">
<#if (adviceImgSign)??>
    <div style="font-size: 20px">指导人员签字:</div>
    <img style="display: inline-block;width: 70%;vertical-align: top;min-height: 120px;" src="${adviceImgSign}"/>
</#if>
</div>
<div style="margin-left: 60px;margin-top: 30px">
<#if (guideAdviceSign)??>
    <div style="font-size: 20px">被指导单位签字:</div>
    <img style="display: inline-block;width: 70%;vertical-align: top;min-height: 120px;" src="${guideAdviceSign}"/>
</#if>
</div>
</body>
</html>